<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	#navigation {
		width:120px;
		font-family:Arial;
		font-size:14px;
		text-align:right
	}	
	
	#navigation ul {
		/* 不显示项目符号 */
		list-style-type:none;				
		margin:0px;
		padding:0px;
	}
	
	#navigation li {
		/* 添加下划线 */
		border-bottom:1px solid #9F9FED;	
	}
	
	#navigation li a{
		/* 将标签a改为块级元素 */
		display:block;
		height:1em;
		padding:5px 5px 5px 0.5em;
		text-decoration:none;
	}
	
	#navigation li a:link, #navigation li a:visited{
		background-color:#1136c1;
		color:#FFFFFF;
	}
	
	/* 鼠标经过时 */
	#navigation li a:hover{					
		/* 改变背景色 */
		background-color:#002099;			
		/* 改变文字颜色 */
		color:#ffff00;						
	}
</style>
</head>
<body>
<div id="navigation">
	<ul>
		<!-- 其中的href="#"是指跳转到当前页面，没有实际意义 -->
		<li><a href="#">主页</a></li>
		<li><a href="#">我的博客</a></li>
		<li><a href="#">我的相册</a></li>
		<li><a href="#">留言</a></li>
		<li><a href="#">关于我</a></li>
	</ul>
</div>
</body>
</html>